<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>我的购物车</title>
  <link rel="stylesheet" href="../css/cart.css">
</head>

<body>
<!-- 购物车头部 -->
<div class="cart-head">
  <!-- 购物车版心 -->
  <div class="head-wrap">
    <!-- logo区域 -->
    <div class="logo-area">
      <!-- logo图 -->
      <div class="logo-pic">
        <img src="../static/image/cart-logo.png" alt="">
      </div>
      <!-- 提示信息 -->
      <div class="cart-info">
        <h2>我的购物车</h2>
        <p>温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</p>
      </div>
    </div>

    <!-- 用户登录信息区域 -->
    <div class="user-msg">
      <!-- 用户登录信息留存 -->
      <a href="#" class="user-name">222234324</a>
      <i>&nu;</i>
      <ul class="user-msg-menu">
        <li>个人中心</li>
        <li>评价晒单</li>
        <li>我的最爱</li>
        <li>退出登录</li>
      </ul>
      <span></span>

      <a href="#" class="user-order">我的订单</a>
    </div>
  </div>
</div>

  <!-- 购物车盒子 -->
<div class="cart-container">
  <!-- 购物车版心 -->
  <div class="cart-wrap">
    <!-- 购物车主体 -->
    <div class="cart-content">
      <!-- 购物车主体顶部 -->
      <div class="top">
        <table class="cart-table">
          <thead>
            <tr class="head-tr">
              <th class="th1">
                <input type="checkbox" name="checkAll">
                <i>全选</i>
              </th>
              <th><i>商品名称</i></th>
              <th><i>单价</i></th>
              <th><i>数量</i></th>
              <th><i>小计</i></th>
              <th><i>操作</i></th>
            </tr>
          </thead>
          <tbody> </tbody>
          <!-- <tr>
            <td>
              <input type="checkbox" name="checkItem">
            </td>
          <td>小米脱鞋</td>
          <td>9.9</td>
          <td class="num">
            <p>
              <span>+</span>
              <input type="test" value="0">
              <span>-</span>
            </p>
          </td>
          <td class="sub-price">19.8</td>
          <td class="delete">x</td>
        </tr> -->
        
        </table>
      </div>

      <!-- 购物车主体底部 -->
      <div class="bottom">
        <div class="product-num">
          <a href="#" class="go-shopping">继续购物</a>
          <span></span>
          <p>共<em>0</em>件商品，已选择<em>0</em>件</p>
        </div>

        <div class="total-price">
          <p>合计：<i>0</i>&nbsp;元</p>
          <button class="btn-primary">去结账</button>
        </div>
      </div>
    </div>
  </div>
</div>


<script src="../lib/jQuery/jquery-3.6.0.min.js"></script>
<script src="../js/cart.js"></script>
</body>

</html>